<%-- 
    Document   : message
    Created on : 08.Mar.2013, 00:11:08
    Author     : Onur
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="${pageContext.request.contextPath}/css/theme.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.10.2.custom.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/app.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/messageModule.js"></script>
        <title>Mesajlar</title>
        <script type="text/javascript">
            
        </script>
</head>
<body>
    <div class="sayfa-genel">
            <jsp:include page="/part/header.jsp?logged=yes&mode=messages" ></jsp:include>
            <div class="header-closer"></div>
            <div class="el-block el-block-center el-container row-fluid">
                <!--
                  -- Content Alanı
                -->
                <div class="span9 el-coloumn">
                    
                    <div class="el-container pane-grid pane-basic">
                        <div>
                            <div class="pane-navbar" >
                                <h3 class="pane-header">Mesajlar</h3>
                                <div class="pull-right">
                                    <a class="btn btn-link" href="#">Yeni Mesaj</a>
                                </div>
                            </div>
                        </div>
                        <div class="el-coloumn pane-colomn-4">
                            <div id="panelUsers">
                                <ul class="messages-users-in">
                                    <li class="list-item">
                                        <img src="${pageContext.request.contextPath}/img/user.png" class="img-mdl-profile"></img>
                                        <div class="list-user-name">
                                            Kullanıcı Adı
                                        </div>
                                        <div class="list-user-subtext">
                                            23 konuşma
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <img src="${pageContext.request.contextPath}/img/user2.png" class="img-mdl-profile"></img>
                                        <div class="list-user-name">
                                            Kullanıcı Adı
                                        </div>
                                        <div class="list-user-subtext">
                                            23 konuşma
                                        </div>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="el-coloumn pane-colomn-8">
                            <div id="msgPane" class="messages-container-in">
                                <div id="scrollPane" class="scroll-area">
                                    
                                    
                                    <div class="scroll-base">
                                    <div class="message-item">
                                        <img class="img-small-message" src="${pageContext.request.contextPath}/img/user.png"></img>
                                        <div class="message-owner">
                                            Kullanıcı Adı
                                        </div>
                                        <div class="message-content">
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                        </div>
                                    </div>
                                    <div class="message-item">
                                        <img class="img-small-message" src="${pageContext.request.contextPath}/img/user2.png"></img>
                                        <div class="message-owner">
                                            Kullanıcı Adı
                                        </div>
                                        <div class="message-content">
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj

                                        </div>
                                    </div>
                                    <div class="message-item">
                                        <img class="img-small-message" src="${pageContext.request.contextPath}/img/user2.png"></img>
                                        <div class="message-owner">
                                            Kullanıcı Adı
                                        </div>
                                        <div class="message-content">
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                             Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                             Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                        </div>
                                    </div>
                                    <div class="message-item">
                                        <img class="img-small-message" src="${pageContext.request.contextPath}/img/user.png"></img>
                                        <div class="message-owner">
                                            Kullanıcı Adı
                                        </div>
                                        <div class="message-content">
                                            Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                             Mesaj içeriği mesaj metni mesajlar mesaj Mesaj içeriği mesaj metni mesajlar mesaj <br>
                                            Mesaj içeriği mesaj metni mesajlar mesaj
                                        </div>
                                    </div>
                                    </div>
                                     <div class="scroll-main">                                        
                                        <div id="scrollBar" class="scroll-scroll-elem"></div>                                        
                                    </div>   
                                </div>
                                    <div id="panelSending">
                                        <textarea class="message-textbox"></textarea>
                                        <a id="btnSmt" class="btn">Gönder</a>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--
                  -- Sidebar Alanı
                -->
                <div class="span3 el-coloumn" style="background-color: #ccc;">
                    <h1>#Sidebar</h1>
                    
                    
                </div>
            </div>
            <!--
                  -- Footer Alanı
            -->
            <div class="footer-closer"></div>
            <div id="pageFooter" class="footer">
                    <div class="footer-content">Developed By <a href="#">Onur Karacalı</a></div>
            </div>
            
    </div>
</body>
</html>
